<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>

        const obj = {
            data: [
                { id: 1, name: '菠萝' },
                { id: 2, name: '雪梨' },
                { id: 3, name: '榴莲' }
            ],
            code: 200,
        }

        // ES6 解构赋值语法
        const { data } = obj;

        // 对象的赋值，其实就是地址的赋值
        // const data = obj.data;

        console.log(data);
        // 同一个地址，地址的引用
        console.log(data === obj.data);  // true

        // 修改 data 数据
        data[0].name = '你好';

        // 影响到 obj 对象
        console.log(obj);


        // 小结：
        //   解构赋值的数据如果是个对象，其实是对象地址的赋值引用


    </script>
</body>

</html>